
* {
	padding: 0px;
	margin: 0px;
}
html,body {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; 
}
body {
	background: #0B4666 url(../images/zs-portal-bg.png) center no-repeat;
}
body, td, th {
	color: #333;
	font-size: 12px;
	font-family: 'Microsoft YaHei', verdana, tahoma;
}
a:link {
	color: #222;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #222;
	text-decoration: none;
}
a:hover {
	color: #ff6600;
	text-decoration: none;
}
a:active {
	color: #222;
	text-decoration: none;
}
ul, li {
	list-style: none;
}
img {
	border: 0px;
}
input, form, textarea, select {
	font-family: "Microsoft YaHei", verdana, tahoma;
	border: 0px;
	background: #fff;
	outline: none;
}
.clear {
	clear: both;
}
.zs-left {
	float: left;
}
.zs-right {
	float: right;
}
.line {
	width: 1px;
	height: 10px;
	display: inline-block;
	background: #ddd;
	border: 0;
	margin: 0 5px;
}

.zs-portal-main {
	position: absolute;
	margin: -225px 0 0 -350px;
	width: 700px;
	height: 470px;
	left: 50%;
	top: 50%;
	background: url(../images/zs-portal-inner-bg.png) center 70px no-repeat;
	z-index:1;
}
.zs-portal-main .logo{
    position: relative;
	margin-top: -40px;
    width: 100%;
    height: 90px;
    background: url(../images/zs-portal-logo.png) center no-repeat;
}
.zs-portal-main .list{
    position: relative;
    width: 100%;
    height: 400px;
    z-index: 99;
}
.zs-portal-main .list li{
    position: absolute;
}
.zs-portal-main .list li.dbs{
    top: 60px;
    left: 120px;
}
.zs-portal-main .list li.wsclc{
    top: 190px;
    left: 30px;
}
.zs-portal-main .list li.gywry{
    top: 310px;
    left: 90px;
}
.zs-portal-main .list li.kqzl{
    top: 225px;
    right: 50px;
}
.zs-portal-main .list li.dxs{
    top: 125px;
    right: 79px;
}
.zs-portal-main .list li.yq{
    top: 30px;
    right: 125px;
}
.zs-portal-main .list li.zlgl{
    top: 330px;
    right: 116px;
}

/*TIP气泡*/
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}
#tiptip_holder.tip_top {
	padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
	padding-top: 5px;
}
#tiptip_holder.tip_right {
	padding-left: 5px;
}
#tiptip_holder.tip_left {
	padding-right: 5px;
}
#tiptip_content {
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	text-shadow: 0 0 2px #00466d;
	padding: 4px 8px;
	border: 1px solid rgb(0,70,109);
	background-color: rgb(0,70,109);
}
#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #00466d;
	border-top-color: rgb(0,70,109);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #00466d;
	border-bottom-color: rgb(0,70,109);
}
#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #00466d;
	border-right-color: rgb(0,70,109);
}
#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #00466d;
	border-left-color: rgb(0,70,109);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(0,70,109);
	border-top-color: rgb(0,70,109);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(0,70,109);
	border-bottom-color: rgb(0,70,109);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(0,70,109);
	border-right-color: rgb(0,70,109);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(0,70,109);
	border-left-color: rgb(0,70,109);
}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
	padding: 4px 8px 5px 8px;
	background-color: rgb(0,70,109);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	border-bottom-color: rgb(0,70,109);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
	border-top-color: rgb(0,70,109);
}
}